<template>
  <div class="education-system">
    <el-container>
      <el-aside width="320px" style="border-right: 1px solid #ddd">
        <IdeologicalEducation />
      </el-aside>
      <el-container>
        <el-main> <IdeologicalContent /> </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import IdeologicalEducation from "./components/IdeologicalEducation.vue";
import IdeologicalContent from "./components/IdeologicalContent.vue";
export default {
  components: {
    IdeologicalEducation,
    IdeologicalContent,
  },
  data() {
    return {};
  },
  mounted() {},
};
</script>
<style scoped>
.education-system {
  margin-top: -10px;
}
.education-system .el-main {
  background: #fff;
  padding-top: 0;
}
</style>